import { Routes, Route } from 'react-router-dom';
import { Layout } from './components';
import { AuthProvider } from './contexts/AuthContext';
import { ComfyUIProvider } from './contexts/ComfyUIContext';
import { NotificationContainer } from './components/Notification';
import Generate from './pages/Generate';
import Inspiration from './pages/Inspiration';
import Assets from './pages/Assets';
import Canvas from './pages/Canvas';
import Edit from './pages/Edit';
import Gallery from './pages/Gallery';
import History from './pages/History';
import Test from './pages/Test';
import './App.css';

function App() {
  return (
    <AuthProvider>
      <ComfyUIProvider>
        <Routes>
          <Route path="/" element={<Layout />}>
            <Route index element={<Inspiration />} />
            <Route path="inspiration" element={<Inspiration />} />
            <Route path="generate" element={<Generate />} />
            <Route path="edit" element={<Edit />} />
            <Route path="gallery" element={<Gallery />} />
            <Route path="history" element={<History />} />
            <Route path="assets" element={<Assets />} />
            <Route path="canvas" element={<Canvas />} />
            <Route path="test" element={<Test />} />
          </Route>
        </Routes>
        <NotificationContainer />
      </ComfyUIProvider>
    </AuthProvider>
  );
}

export default App;
